//获取样式
function getStyle(ele,attr) {
    if(window.getComputedStyle){
    return window.getComputedStyle(ele,null)[attr];
    }
    return ele.currentStyle[attr];
}

//创建自定义函数(animate)
function animate(ele,target) {
//移除定时器
clearInterval(ele.timer)
//添加定时器
    ele.timer=setInterval(function () {

        //current目标左(当前位置)
        let current=parseInt(getStyle(ele,"left"));
        //step得到步长
        let step=target>current?+10:-10;
        //新的位置=当前的位置+步长
        ele.style.left=current+step+"px";
        //目标位置-当前位置<步长(当距离不足步长时)
        if(Math.abs(target-current)<Math.abs(step)){
            //移除定时器
            clearInterval(ele.timer)
            // 新的位置等于目标位置
            ele.style.left=target+"px";
        }
    })


}
